<template>
   <div id="box">
       <header>
           <span class="one" @click="fanhui">
              <img src="../assets/img/fanhui2.png" class="fanhui">
            </span>
            <span class="center">我的账户</span>
            <span class="two" @click="xian">
              <img src="../assets/img/gengduo.png" class="gengduo">
            </span>
            <div class="chu">
              <ol>
                <router-link to="/shouye">
                <li><img src="../assets/img/chu1.png">返回首页</li>
                </router-link>
                <router-link to="/dengluzhanghao">
                <li><img src="../assets/img/chu2.png">用户中心</li>
              </router-link>
              <router-link to="/yigoujilu">
                <li><img src="../assets/img/chu3.png">一购记录</li>
              </router-link>
              </ol>
            </div> 
       </header>
       <main>
          <ul>
          <router-link to="zijinrizhi">
            <li>
              <div class="main_1">
                <div class="imgs">
                  <img src="../assets/img/zhanghuyue.png" class="zhanghuyue">
                </div>
                <p>账户余额</p>
                </div>
              <div class="main_2">
              <p>0 一购币</p>
              <div class="images">
                <img src="../assets/img/gengduo2.png" class="gengduo2"></div>
              </div>              
            </li>
          </router-link>
          
            <router-link to="huiyuanchongzhi">
            <li>
              <div class="main_1"><img src="../assets/img/wodeyue.png" class="chongzhi">充值</div>
              <div class="main_2"><img src="../assets/img/gengduo2.png" class="gengduo2"></div>
            </li>
          </router-link>
          <router-link to="tixianmingxi">
            <li>
              <div class="main_1"><img src="../assets/img/wodeyue.png" class="tixianjilu">提现记录</div>
              <div class="main_2"><img src="../assets/img/gengduo2.png" class="gengduo2"></div>
            </li>
          </router-link>
          </ul>
       </main>
   </div>
</template>

<script>
export default {
  name: 'wodezhanghu',
 methods:{
     fanhui(){
      this.$router.go(-1)
     },
     xian(){
    if($(".chu").css('display')=='none'){
      $('.chu').show()
    }else{
      $(".chu").hide()
    }
    
  }
 }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    @import '.././assets/less/wodezhanghu.less';
    @import '.././assets/css/reset.css';
</style>